.login-icon-gray {
  color: rgba(0, 0, 0, 0.25);
}
.login-validCode-img {
  border: 1px solid var(--border-color-split);
  cursor: pointer;
  width: 100%;
  height: 40px;
}


@keyframes myfirst {
  0% {
    left: 0;
    top: 0;
  }
  50% {
    left: 50px;
    top: 0;
  }
  100% {
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
  0% {
    left: 0;
    top: 0;
  }
  50% {
    left: 50px;
    top: 0;
  }
  100% {
    left: 0;
    top: 0;
  }
}
.login_adv__title h2 {
  font-size: 40px;
}
.login_adv__title h4 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: normal;
}
.login_adv__title p {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.6);
}
.login_adv__title div {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.login_adv__title div span {
  margin-right: 15px;
}
.login_adv__title div i {
  font-size: 40px;
}
.login_adv__title div i.add {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
/*background-image:linear-gradient(transparent, #000);*/
.login_main {
  flex: 1;
  overflow: auto;
  display: flex;
}
.login-form {
  top: 20%;
  right: 9%;
  position: absolute;
  width: 430px;
  margin-left: 15%;
  margin-top: 5px;
  border-radius: 10px;
 // padding: 10px 0;
  box-shadow: 4px 4px 8px rgba(24, 144, 255, 0.50);

}
.ant-card-body{
  border-radius: 10px;
}
.login-header {
  margin-bottom: 20px;

}
.logo {
  position: relative;
}
.login-header .logo {
  display: flex;
  align-items: center;
}
.login-header .logo img {
  width: 35px;
  height: 35px;
  vertical-align: bottom;
  margin-right: 10px;
}
.login-header .logo label {
  font-size: 24px;
}
.login-header h2 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 40px;
}
.login_config {
  position: absolute;
  right: 0 !important;
}
.svgs{
  width: 18px !important;
  height: 18px !important;
}
// .login_config {
//   position: absolute;
//   top: 20px;
//   right: 20px;
// }
.sys_div
{
  position: absolute;
  width: 60%;
  bottom: 2% !important;
  text-align: center;
}
.sys_version {
  display: inline-block;
}
@media (max-width:1485px){
  .login-form {
    top: 15%;
  }
}
@media (max-width:1485px){
  .login-form {
    top: 11%;
  }
}
@media (max-width:1280px){
  .ant-card-body{
    padding: 16px 16px 0 16px !important;
  }
  .login-form {
    top: 15%;
  }
}
@media (max-width: 1200px) {
  .login-form {
    top: 10%;
    width: 360px;
  }
}
@media (max-width: 1000px) {
  .login_main {
    display: block;
  }
  .login_background_front {
    display: none;
  }
  .login-form {
    width: 100%;
    padding: 20px 40px;
    right: 0 !important;
    top: 0 !important;
  }
}
